<template>
  <div class="box">
    <!-- 顶部面包屑 -->
    <div class="mbx">
      <mbx />
    </div>
    <!-- 镜像搜索框 -->
    <div class="item">
      <div class="navs">
        <ItemTitle />
      </div>
      <div class="tableitem">
        <TablePage/>
      </div>
      <!-- 123 你好，我是某某某 -->
    </div>
  </div>
</template>

<script>
import mbx from "@/components/BreadcrumbNav.vue";
import ItemTitle from "@/components/ItemTitle.vue";
import TablePage from "@/components/TablePage.vue";
export default {
  name: "imageItem",
  data() {
    return {
      tableData: [
        {
          name: "registry.fit2cloud.com/halo/halo",
          tag: "2.20",
          imageid: "e1fc683d04a6",
          create_date: "6 months ago",
          size: "428MB",
        },
        {
          name: "mysql",
          tag: "5.7-debian",
          imageid: "b5d7c63fe339",
          create_date: "2 years ago",
          size: "463MB",
        },
        {
          name: "registry.fit2cloud.com/halo/halo",
          tag: "2.20",
          imageid: "e1fc683d04a6",
          create_date: "6 months ago",
          size: "428MB",
        },
        {
          name: "mysql",
          tag: "5.7-debian",
          imageid: "b5d7c63fe339",
          create_date: "2 years ago",
          size: "463MB",
        },
        {
          name: "registry.fit2cloud.com/halo/halo",
          tag: "2.20",
          imageid: "e1fc683d04a6",
          create_date: "6 months ago",
          size: "428MB",
        },
        {
          name: "mysql",
          tag: "5.7-debian",
          imageid: "b5d7c63fe339",
          create_date: "2 years ago",
          size: "463MB",
        },
        {
          name: "registry.fit2cloud.com/halo/halo",
          tag: "2.20",
          imageid: "e1fc683d04a6",
          create_date: "6 months ago",
          size: "428MB",
        },
        {
          name: "mysql",
          tag: "5.7-debian",
          imageid: "b5d7c63fe339",
          create_date: "2 years ago",
          size: "463MB",
        },
        {
          name: "registry.fit2cloud.com/halo/halo",
          tag: "2.20",
          imageid: "e1fc683d04a6",
          create_date: "6 months ago",
          size: "428MB",
        },
        {
          name: "mysql",
          tag: "5.7-debian",
          imageid: "b5d7c63fe339",
          create_date: "2 years ago",
          size: "463MB",
        },
        {
          name: "registry.fit2cloud.com/halo/halo",
          tag: "2.20",
          imageid: "e1fc683d04a6",
          create_date: "6 months ago",
          size: "428MB",
        },
        {
          name: "mysql",
          tag: "5.7-debian",
          imageid: "b5d7c63fe339",
          create_date: "2 years ago",
          size: "463MB",
        },
      ],
    };
  },
  components: {
    mbx,
    ItemTitle,
    TablePage
  },
};
</script>

<style scoped>
/* ::v-deep .el-table--striped .el-table__row--striped td {
  background-color: var(--primary-qian-color) !important; 
} */
/* 可选：修改普通行（偶数行）背景色 */
::v-deep .el-table__row td {
  background-color: #ffffff; /* 白色，默认值，可根据需要修改 */
}

.box {
  width: 100%;
  height: 100%;
  /* background-color: slateblue; */
  /* height: 50px; */
  /* background-color: salmon; */
  color: black;

  display: flex;
  flex-direction: column;
}
.mbx {
  flex-basis: 10%;
  /* margin: auto 0; */
  /* display: flex; */
  /* flex-direction: row; */
  /* align-items: center; */
  /* justify-content: center; */
}
.item {
  flex-basis: 90%;
  /* align-self: l; */
}
.tableitem {
  margin-top: 10px;
}
</style>
